<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:composite="http://java.sun.com/jsf/composite"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	
<head>
	<title>Not present in rendered output</title>
</head>

<body>
	<composite:interface>
	
		<composite:attribute name="render" required="true" shortDescription="Seccion a actualizar de la pagina que incluye el componente" />
		<composite:attribute name="controller" required="true" shortDescription="Clase que administra el componente" />
		<composite:attribute name="onComplete" required="true" method-signature="void listener(javax.faces.event.AjaxBehaviorEvent)" />
		
	</composite:interface>

	<composite:implementation>
	
		<ui:param name="controller" value="#{cc.attrs.controller}"/>
		<ui:param name="render" value="#{cc.attrs.render}"/>
		<ui:param name="onComplete" value="#{cc.attrs.onComplete}"/>
		
		<p:commandButton value="Buscar..." actionListener="#{onComplete}" oncomplete="dlgBuscarUsuario.show()"/>
		
		<p:dialog id="popUpBuscarUsuario" header="#{i18n['erp.asistencia.empleado.buscar']}" 
				widgetVar="dlgBuscarUsuario" modal="true" minWidth="650" width="650" appendTo="@(body)" closable="false">
				
			<h:form id="formBuscarUsuario" styleClass="formulario">
				<p:panel id="pnlBuscarUsuario">
					<table class="formulario">
						<tr>
							<td width="30%">
								<h:outputLabel for="txtNombre" value="#{i18n['erp.asistencia.empleado.nombres']}" /> 
							</td>
							<td width="70%">
								<p:inputText id="txtNombre" style="width: 90%" 
									value="#{controller.vistaEmpleado.perNombres}"
									label="#{i18n['erp.asistencia.empleado.nombres']}" />
							</td>
						</tr>
						<tr>
							<td>
								<h:outputLabel for="txtApellido" value="#{i18n['erp.asistencia.empleado.apellidos']}" />
							</td>
							<td>
								<p:inputText id="txtApellido" style="width: 90%"
									value="#{controller.vistaEmpleado.perApellidos}"
									label="#{i18n['erp.asistencia.empleado.apellidos']}" />
							</td>
						</tr>
						<tr>
							<td>
								<h:outputLabel for="txtCedula" value="#{i18n['erp.asistencia.empleado.cedula']}" />
							</td>
							<td>
								<p:inputText id="txtCedula" style="width: 90%"
									value="#{controller.vistaEmpleado.perCi}"
									label="#{i18n['erp.asistencia.empleado.apellidos']}" />
							</td>
						</tr>
					</table>
				</p:panel>
				<p:panel id="pnlBotones">
					<p:commandButton id="btnBuscar" value="#{i18n['label.buscar']}"
						actionListener="#{controller.buscarEmpleado}" process="@this" update="pnlBuscarUsuario, tableUsuarios"/>
				</p:panel>
				<p:dataTable id="tableUsuarios"
					value="#{controller.listVistaEmpleado}" rowKey="#{vistaEmpleado.empPk}"	var="vistaEmpleado" selectionMode="single">
					
					<p:ajax event="rowSelect" listener="#{controller.asignarDatosEmpleadoSeleccionado}"
						update="#{render}" oncomplete="dlgBuscarUsuario.hide()"/>
						
					<f:facet name="header">
						<h:outputLabel value="Empleados Encontrados" />
					</f:facet>
					<p:column>
						<f:facet name="header">
							<h:outputLabel value="Nombres" />
						</f:facet>
						<h:outputText value="#{vistaEmpleado.nombresCompletos}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputLabel value="Codigo" />
						</f:facet>
						<h:outputText value="#{vistaEmpleado.empCodigo}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputLabel value="Cedula" />
						</f:facet>
						<h:outputText value="#{vistaEmpleado.perCi}" />
					</p:column>
				</p:dataTable>
				<center>
					<p:panel id="pnlBotonesCerrar">
						<p:commandButton id="btnCerrar" value="#{i18n['label.cerrar']}" type="button" onclick="dlgBuscarUsuario.hide();"/>
					</p:panel>
				</center>
			</h:form>
		</p:dialog>
		
	</composite:implementation>
</body>
</html>